* {
	margin: 0 auto;
	padding: 0;
}
/*Preloader*/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  height: 100vh;
  width: 100%;
  z-index: 9999;
}

.preloader:before, .preloader:after {
  content: '';
  border: 5px solid #D19A04;
  width: 80px;
  height: 80px;
  border-radius: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
}

.preloader:before {
  -webkit-animation: pulse-outer 0.8s ease-in infinite;
  -moz-animation: pulse-outer 0.8s ease-in infinite;
  animation: pulse-outer 0.8s ease-in infinite;
}

.preloader:after {
  -webkit-animation: pulse-inner 0.8s linear infinite;
  -moz-animation: pulse-inner 0.8s linear infinite;
  animation: pulse-inner 0.8s linear infinite;
}

@-webkit-keyframes pulse-outer {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  50% {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes pulse-outer {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  50% {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes pulse-outer {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  50% {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes pulse-inner {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-moz-keyframes pulse-inner {
  0% {
    -moz-transform: scale(0);
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    -moz-transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@keyframes pulse-inner {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}


.swiper-container {}

.swiper-wrapper {
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-ms-perspective: 1200px;
	perspective: 1200px;
}

.swiper-slide {
	height: 100%;
	width: 100%;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	background-size: 100% auto;
	overflow: hidden;
	text-align: center;
}
.slide1{background: url(../static/image/m_banner1.png) no-repeat;}
.slide2{background: url(../static/image/m_banner2.png) no-repeat;}
.slide3{background: url(../static/image/m_banner3.png) no-repeat;}
.slide4{background: url(../static/image/m_banner4.png) no-repeat;}
.slide1,.slide2,.slide3,.slide4{
	background-size: 100% 100%;
	background-position: center;
	position: relative;
}
.slide1 .logo{
	display: block;
	width: 1.76rem;
	margin: auto;
	margin-top: 1.75rem;
       
}
.slide1 .phone{
	display: block;
	width: 5rem;
	
	position: absolute;
	bottom: 0rem;
	left: 50%;
	margin-left: -2.5rem;
        
}
.slide1 .bar{
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0rem;
}
.arrow{
	position: absolute;
	bottom: 0.1rem;
	width: 0.44rem;
	left: 50%;
	margin-left: -0.22rem;
	animation-iteration-count: infinite;
}
.slide2 .word_bar{
	width: 6rem;
	height: 6rem;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -3rem;
	margin-top: -3rem;	
	background: url(../static/image/m_banner2_bg.png) no-repeat;
	background-size: 100% 100%;
	text-align: center;
	overflow: hidden;
	z-index: 1;
}
.slide2 .here{
	width: 1.5rem;
	margin-top: 1rem;
}
.slide2 .word1,.slide2 .word2,.slide2 .word3{
	font-size: 0.34rem;
	color: #FEFEFE;
	margin-top: 0.32rem;
}
.slide2 .lower_line,.slide2 .upper_line{
	width: 2.75rem;
	position: absolute;
}
.slide2 .upper_line{
	top: 0rem;
	right: 0.5rem;
	opacity: 0;
}
.slide2 .lower_line{
	bottom: 0rem;
	left: 0.5rem;
	opacity: 0;
}
.slide3 .word_bars{
	width: 6rem;
	height: 6rem;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -3rem;
	margin-top: -3rem;	
	background: url(../static/image/m_banner3_bg.png) no-repeat;
	background-size: 100% 100%;
	text-align: center;
	overflow: hidden;
	z-index: 1;
}
.slide3 .here{
	width: 1.5rem;
	margin-top: 0.7rem;
}
.slide3 .words1,.slide3 .words2,.slide3 .words3,.slide3 .words4{
	font-size: 0.34rem;
	color: #FEFEFE;
	margin-top: 0.2rem;
}
.slide3 .lower_line,.slide3 .upper_line{
	width: 2.75rem;
	position: absolute;
}
.slide3 .upper_line{
	top: 0rem;
	right: 0.5rem;
	opacity: 0;
}
.slide3 .lower_line{
	bottom: 0rem;
	left: 0.5rem;
	opacity: 0;
}
.slide3 .join_us{
	width: 3.6rem;
	position: absolute;
	top: 50%;
	margin-top: 4.2rem;
	left: 50%;
	margin-left: -1.8rem;
}
.slide4 .title{
	width: 2.4rem;
	display: block;
	margin: auto;
	margin-top: 1.2rem;        
}
.slide4 .stitle{
	display: block;
	margin: auto;
	width: 4.3rem;
	margin-top: 1.4rem;
}
.slide4 .download{
	width: 45%;
	display: inline-block;
	line-height: 0.26rem;
	margin-top: 1rem;
}
.slide4 .download img{
	width: 100%;
}
.slide4 .iphone{
	width: 5.9rem;
	margin-top: 0.3rem;
	position: absolute;
	left: 50%;
	margin-left: -2.95rem;
	bottom: 0.2rem;
	z-index: 1;
}
.slide4 .screen{
	width: 5.14rem;
	position: absolute;
	left: 50%;
	margin-left: -3rem;
	bottom: 1rem;
	z-index: 2;
}
.slide4 .gray{
	width: 6.74rem;
	position: absolute;
	right: 0rem;
	bottom: 0rem;
}
